<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript第二十二课</title>
    <script src="../JavaScript_Lesson16/js/jquery-3.4.1.min.js"></script>
    
</head>
<body>
    <div>
        <font>
            BBC
            <br>
            彭博社
        </font>
    </div>

    <a href="">
        <font>
            中华人民共和国
        </font>
    </a>
</body>
<script src="js/js.js"></script>

<script>

    // $('div font').css('font-size','180px').css('color','red');

    // $('a font').css('font-size','180px').css('color','green');



    $.fn.hightLight=function(options){
        // console.log(this);

        var fontSize=options && options.fontSize || $.fn.hightLight.defaults.fontSize;
        var color=options && options.color || $.fn.hightLight.defaults.color;

        this.css('font-size',fontSize).css('color',color);

        return this;
    }

    $.fn.hightLight.defaults={
        fontSize:'20px',
        color:'blue'
    }

    $('div font').hightLight({color:'green'});
    $('a font').hightLight({fontSize:'350px'});

</script>
</html>